<!DOCTYPE html>
<html lang="zh-CN">
<link rel="stylesheet" href="{{asset('/default/css/public.css')}}">
<link rel="stylesheet" href="{{asset('/default/css/index/mobileHelp.css')}}">
<head>
    <meta charset="UTF-8">
    <title>{{Site::get('webname')}}手机版</title>
</head>
<body>
@include('default.layouts.head')
<div class="mobile_head">
    <div class="inner">
        <div class="logo"><a href="{{url('/')}}"><img src="/default/images/logo/logo.png" alt=""></a></div>
        <ul id="switch_nav">
            <li><a class="active">iphone版</a><span>|</span></li>
            <li><a> android版</a><span>|</span></li>
            <li><a>触屏版</a><span>|</span></li>
            <li><a>微信版</a></li>
        </ul>
    </div>
</div>
<!-- iphone -->
<div class="banner"  id="ios">
    <div class="inner_bg">
        <div class="ba_inner">
            <img src="/default/images/index/top_01.png" alt="" class="top_01">
            <img src="/default/images/index/top_02.png" alt="" class="top_02">
            <div class="top_03">
                <a href="" class="btn">iphone下载</a>
                <div class="code"><img src="/default/images/logo/code_ios.png" alt=""><p>扫二维码下载APP</p></div>
            </div>
        </div>
    </div>
</div>
<!-- 安卓 -->
<div class="banner banner_none" id="android">
    <div class="inner_bg">
        <div class="ba_inner">
            <img src="/default/images/index/top_01.png" alt="" class="top_01">
            <img src="/default/images/index/top_02.png" alt="" class="top_02">
            <div class="top_03">
                <a href="" class="btn">android下载</a>
                <div class="code"><img src="/default/images/logo/code_android.png" alt=""><p>扫二维码下载APP</p></div>
            </div>
        </div>
    </div>
</div>
<!-- 触屏 -->
<div class="banner banner_none" id="html5">
    <div class="inner_bg">
        <div class="ba_inner">
            <img src="/default/images/index/top_01.png" alt="" class="top_01">
            <img src="/default/images/index/top_02.png" alt="" class="top_02">
            <div class="top_04">
                <div class="mobile"><span>扫码或输入以下网址登陆</span><img src="/default/images/logo/code_html5.png" alt=""></div>
                <div class="search"><span>{{url('')}}</span><img src="/default/images/index/mobile.png" alt="" ></div>
            </div>
        </div>
    </div>
</div>
<!-- 微信 -->
<div class="banner banner_none" id="weixin">
    <div class="inner_bg">
        <div class="ba_inner">
            <img src="/default/images/index/top_01.png" alt="" class="top_01">
            <img src="/default/images/index/top_02.png" alt="" class="top_02">
            <div class="top_04">
                <div class="mobile"><span>扫一扫关注微信公众号</span><img src="/default/images/logo/code_weixin.png" alt=""></div>
                <div class="search"><span>查找公众号：{{Site::get('webname')}}</span><img src="/default/images/index/mobile.png" alt="" ></div>
            </div>
        </div>
    </div>
</div>
<div class="main">
    <div class="container01">
        <div class="container">
            <img src="/default/images/index/main11.png" alt="" class="main11">
            <img src="/default/images/index/main12.png" alt="" class="main12">
        </div>
    </div>
    <div class="container02">
        <div class="container">
            <img src="/default/images/index/main22.png" alt="" class="main22">
            <img src="/default/images/index/main21.png" alt="" class="main21">
        </div>
    </div>
    <div class="container03">
        <div class="container">
            <img src="/default/images/index/main31.png" alt="" class="main31">
            <img src="/default/images/index/main32.png" alt="" class="main32">
        </div>
    </div>
</div>
<script type="text/javascript" src="{{asset('/default/js/jquery.js')}}"></script>
<script type="text/javascript" src="{{asset('/default/js/public.js')}}"></script>
<script type="text/javascript" src="{{asset('/vendor/org/layer/layer.js')}}"></script>
<script type="text/javascript" src="{{asset('/default/js/head.js')}}"></script>
<script type="text/javascript">
    $('#switch_nav').find('a').each(function(index){
        $(this).click(function(){
            $('#switch_nav').find('a').removeClass('active');
            $(this).addClass('active');
            if(index == '0'){
                $(".banner").hide();
                $("#ios").slideDown();
            }else if(index == '1') {
                $(".banner").hide();
                $("#android").slideDown();
            }else if(index == '2') {
                $(".banner").hide();
                $("#html5").slideDown();
            }else if(index == '3') {
                $(".banner").hide();
                $("#weixin").slideDown();
            }
        });
    });
</script>
</body>
</html>